button {
    @apply inline-block;
    @apply text-sm;
}

.btn {
    @apply text-center;
    @apply align-middle;
    @apply px-5;
    @apply py-1;
    @apply text-white;
}

.btn-primary {
    @apply bg-primary;
}

.btn-primary:not([link='true']):hover {
    @apply bg-primary-hover;
}

.btn-rounded {
    @apply rounded;
}

.btn-danger {
    @apply bg-danger;
}

.btn-danger:not([link='true']):hover {
    @apply bg-danger-hover;
}

.btn-success {
    @apply bg-success;
}

.btn-success:not([link='true']):hover {
    @apply bg-success-hover;
}

.btn-info {
    @apply bg-info;
}

.btn-info:not([link='true']):hover {
    @apply bg-info-hover;
}

.btn-warning {
    @apply bg-warning;
}

.btn-warning:not([link='true']):hover {
    @apply bg-warning-hover;
}

.btn-link {
    background: transparent;
    @apply px-0;
    @apply py-0;
}


.btn-primary[link='true'] {
    @apply text-primary;
}

.btn-primary[link='true']:hover {
    @apply text-primary-hover;
}

.btn-info[link='true'] {
    @apply text-info;
}

.btn-info[link='true']:hover {
    @apply text-info-hover;
}

.btn-warning[link='true'] {
    @apply text-warning;
}

.btn-warning[link='true']:hover {
    @apply text-warning-hover;
}


.btn-success[link='true'] {
    @apply text-success;
}

.btn-success[link='true']:hover {
    @apply text-success-hover;
}

.btn-danger[link='true'] {
    @apply text-danger;
}

.btn-danger[link='true']:hover {
    @apply text-danger-hover;
}
